import { fileURLToPath, URL } from 'node:url';

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';

// 引入自动导入插件
import AutoImport from 'unplugin-auto-import/vite'; //先 npm i unplugin-auto-import -D

// 按需引入
import Components from 'unplugin-vue-components/vite';
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';

import requireTransform from 'vite-plugin-require-transform';
const path = require('path');

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
		vue(),
		vueJsx(),
		AutoImport({
			imports: ['vue', 'vue-router'],
			resolvers: [ElementPlusResolver()]
		}),
		Components({
			resolvers: [ElementPlusResolver()]
		}),
		requireTransform({
			fileRegex: /.js$|.vue$/
		})
	],
	resolve: {
		// 配置路径别名:@代表src目录
		alias: {
			// '@': fileURLToPath(new URL('./src', import.meta.url))
			'@': path.resolve(__dirname, './src')
		}
	},
	server: {
		//设置代理
		proxy: {
			'/api': 'http://testapi.xuexiluxian.cn'
		},
		host: '127.0.0.1', //显示ip地址
		changeOrigin: true, // 是否允许跨域
		port: 5173, //端口号
		open: true //启动后是否自动打开浏览器
	}
});
